/*
  学习目标：useEffect的基本使用
  语法: useEffect(() => {每次数据变化, 会自动执行})
  步骤：
     1. 导入useEffect
     2. 调用useEffect
     3. 
*/
import React from "react";
import { useState, useEffect } from "react";

export default function App() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    // 回调函数会在数据变化时, 自动执行
    console.log("每次数据变化 我都会执行  ----->  ", count);
    document.title = count;
  });

  return (
    <div>
      <h1>{count}</h1>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  );
}
